<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/css.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/common.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/ms-style.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/personal_member.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/Snaddress.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/sui.css" />

{include file="Public/header" /}
<style>
    body {
        background: #f5f5f5;

    }
    
      .sui-table th{
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 14px;
        color: #333333;
       }
       .sui-table td {
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 12px;
        color: #333333;
       }
    }
  img {
      max-width: 100%;
      height: auto;
      /*vertical-align: bottom;*/
      border: 0;
      -ms-interpolation-mode: bicubic;
      margin-left: -10px;
  }
a{
  color: #000000;
}
    </style>
</head>

<body>

{include file="Public/nav" /}
{include file="Public/usernav" /}

    <div id="ms-center" class="personal-member" style="margin-top: -19px;margin-left: 100px">
      <div class="cont">
        <div class="cont-main">
          <div style="margin-left:180px;">
            <div class="server-wrapper" >
              <div class="server-tab" style="margin-top: 15px;">
                <div style=" float: left;vertical-align: bottom;text-align: center;">
                
        
                
                <!--右侧-end-->
                
                <div style="width: 950px;padding:10px;display: inline-block; float: left;margin-top:60px;background-color: #fff; margin-bottom: 100px">
                  <div style="border-bottom: 1px #ccc solid;">
                    <p style="font-size: 20px;text-align: left;">我的订单</p>
                  </div>
                   {volist name = "orderlist" id="vo"}
     
  
                  <div style="width: 96%;margin-top: 20px;display: inline-block;border-bottom: 1px #ccc solid;padding-top: 30px;height: auto;">
                    <div style="float: left;margin-left: 77px;"> 
                      <img src="__PUBLIC__/static/index/Uploads/shoppic/{$vo.pic}" style="width: 120px;margin-top: -20px;margin-bottom: 10px;height: 80px;" />
                    </div>
                    <div style="float: left;margin-left: 150px;margin-top: -30px;padding-bottom: 20px;"> 
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">订单号：{$vo.order_id}</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">餐厅名：{$vo.shopname}</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">菜品名：{$vo.foodname}</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">总计：¥25</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">下单时间：{$vo.ordertime}</p>
                    </div>
                    <div style="float: left;margin:20px 0 0 -40px;font-family: miaomi;font-size: 16px;"> 
                      {if condition="$vo['state'] eq 0"}
                          <span>订单状态:进行中<a ><font style="color:#0f42b2"></font ></a></span>
                         {elseif condition="$vo['state'] eq 1" /}
                           <span>订单状态:完成<a ><font style="color:#0f42b2"></font ></a></span>
                         {else /}
                           <span>订单状态:取消订单<a ><font style="color:#0f42b2"></font ></a></span>
                          {/if}
            
                    </div>
                    
                    
                    <div id="wrapper">
                      {if condition="$vo['message'] eq null "}
                      <div class="box2">
                      <div class="demo">
                          <a href="javascript:;" class="rollIn" >
                              <button style="background-color: #F37B1D;padding: 5px;border: 0px;color: #fff;border-radius: 5px;width: 70px;font-family: miaomi;font-size: 18px;"> 待评论</button>
                          </a>
                      </div>
                  </div>
                  {else/}
                    
                       <div class="box2">
                      <div class="demo">
                    
                        <div style="float: left;margin-left: 77px;">
                       <button style="background-color: #fff;padding: 5px;border: 0px;color: #f37b1d;width: 70px;font-family: miaomi;font-size: 18px;font-weight: bold;margin-top: 20px;"> 已评价</button>
                    </div>      
                  </div>
                   {/if}
                        <div class="box2">
                            <div id="dialogBg2"></div>

                            <div id="dialog2" class="animated2">
                                <div class="dialogTop">
                                    <a href="#" style="font-size: 20px; font-family: miaomi;float: left;font-weight: bold;">1号台湾卤肉饭</a>
                                    <a href="javascript:;" class="claseDialogBtn2" style="font-family: miaomi;font-size: 13px;">关闭</a>
                                </div>
                                <form action="{:url('User/addcomment')}" method="post" id="editForm2" enctype="multipart/form-data">
                                    <ul class="editInfos">
                                        <input type="hidden" name="did" value="{$vo.shop_id}" >

                                        <li><textarea name="message" placeholder="亲，菜品的口味如何，环境怎么样，服务满意吗？" style="width: 250px; height: 120px;margin-left: 3px;margin-top: -5px;font-family: miaomi;" required=""></textarea></li>
                                        <li><p style="float: left;margin-left: 15px;font-family: miaomi;font-size: 16px;">口味评分</p>
                                          <select>
                                            <option value="1" >1</option>
                                            <option value="2" >2</option>
                                            <option value="3" >3</option>
                                            <option value="4" >4</option>
                                            <option value="5" >5</option>
                                          </select></li>
                                        <li><p style="float: left;margin-left: 15px;font-family: miaomi;font-size: 16px;">环境评分</p>  <select>
                                            <option value="1" >1</option>
                                            <option value="2" >2</option>
                                            <option value="3" >3</option>
                                            <option value="4" >4</option>
                                            <option value="5" >5</option>
                                          </select></p></li>
                                        <li><p style="float: left;margin-left: 15px;font-family: miaomi;font-size: 16px;">服务评分</p>  <select>
                                            <option value="1" >1</option>
                                            <option value="2" >2</option>
                                            <option value="3" >3</option>
                                            <option value="4" >4</option>
                                            <option value="5" >5</option>
                                          </select></li>
                                        <li><input type="submit" value="评论" class="submitBtn" /></li>
                                    </ul>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
               
                
                {/volist}


                 
               

              
                
          <!-- 分页start -->
       <div style="float: right;margin-right: 480px">{$orderlist->render()}</div> 
          <!-- 分页end -->
    
                 
                </div>
                
              
              
            </div>
          </div>
        </div>  
      </div>
    </div>
    </div>
    <div class="clear "></div>
   
  </div>

{include file="Public/footer" /}

</body>
</html>